@import "_reset.less";
@import "_func.less";

@green: #19b09a;
@slice: "img/login/slice/";

a { text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
body { font: 12px/1.7 Arial, sans-serif; background: #6E6E6E; }
input:focus { outline: none}

/* =login
------------------------------------------*/
.login-box { display: none; position: relative; width: 330px; min-height: 370px; margin: 100px auto 60px; border-bottom: 2px solid @green; background: #fff; font-size: 12px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }
h1 { width: 100%; height: 92px; background: url(img/login/logo.png) no-repeat center center @green; .hide-text;
}
.form { position: relative; padding: 43px; }
.msg { display: none; position: absolute; top: 12px; left: 43px; color: @green; }
.kv { position: relative; margin-bottom: 15px; }
.input-text { width: 202px; padding: 0 4px 0 36px; height: 36px; line-height: 36px\9; border: 1px solid @green; background: #e4f9f6;
  .error & { background: #a4fbef;}
}
.kv-label {
  // 先隐藏，避免表单自动填充时浮在文字上面
  display: none;
  position: absolute; top:0; left: 36px; line-height: 38px; color: #939393;
}

.kv-captcha {
  .kv-label { left: 12px; }
  .input-text { width: 150px; padding: 0 4px 0 12px;}
  .refresh { position: absolute; top:0; right: 0; }
  img { width: 70px; height: 38px;}
}

.checkbox-a { display: inline-block;
  input { display: none; }
  span { color: #aaaaaa; }
  &:hover { text-decoration: none;
    span { color: @green; }
  }
}
.checkbox-a.checked span { color: @green; }

.icon-checkbox { display: inline-block; width: 12px; height: 12px; margin-right: 5px; vertical-align: -2px; background: url("@{slice}checkbox-a.png");
  .checked & { background: url("@{slice}checkbox-a-checked.png");}
}

.forget { position: absolute; right: 0; color: @green; text-decoration: underline; font-size: 12px;}

.btn { width: 244px; height: 38px; border: 1px solid #e7e7e7; font-size: 16px; color: #f7f7f7; background: @green; font-family: @yahei; *border: 0;
  // 误差...
  padding-left: 2px;
  &:hover {
    // IE < 10
    background-image: url("@{slice}btn.png");
    // 360 ver6
    background-image: -webkit-linear-gradient(#0ED2B3, @green);
    background-image: linear-gradient(#0ED2B3, @green);
  }
}

.icon { width: 16px; height: 16px; display: inline-block;
  .kv & { position: absolute; left: 12px; top: 10px; }
}
.icon-msg { background-image: url("@{slice}icon-msg.png"); margin-right: 10px; vertical-align: middle;}
.icon-account { background-image: url("@{slice}icon-account.png");}
.icon-password { background-image: url("@{slice}icon-password.png");}

.kv-error { display: none;}

.footer {color:#999; text-align: center;
	a {color:#999; text-decoration: underline;}
}
